<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>订单后台管理</title>
</head>
<body>

<div class="col-sm-6">
    <h3 class="mb-0">订单管理</h3>
</div>


<div class="container-fluid">
    <div class="row">
        <div class="col-auto">
            <label for="price" class="visually-hidden">价格</label>
            <input type="text" class="form-control" id="price" placeholder="价格">
        </div>
        <div class="col-auto">
            <label for="userid" class="visually-hidden">用户序号</label>
            <input type="text" class="form-control" id="userid" placeholder="用户序号">
        </div>
        <div class="col-auto">
            <label for="ordertime" class="visually-hidden">订单时间</label>
            <input type="text" class="form-control" id="ordertime" placeholder="订单时间">
        </div>
        <div class="col-auto">
            <label for="foodid" class="visually-hidden">菜品序号</label>
            <input type="text" class="form-control" id="foodid" placeholder="菜品序号">
        </div>
        <div class="col-auto">
            <label for="orderid" class="visually-hidden">订单序号</label>
            <input type="text" class="form-control" id="orderid" placeholder="订单序号">
        </div>
        <div class="col-auto">
            <button type="button" class="btn btn-primary mb-3" onclick="grabDataFromServer(1)">查询</button>
        </div>
    </div>
    <table id="data_table" class="table table-striped">
        <tbody><tr>
            <th>价格</th>
            <th>用户序号</th>
            <th>订单时间</th>
            <th>菜品序号</th>
            <th>订单序号</th>
        </tr>


            <td>
                <a href="/admin/order?id=1" class="btn btn-success btn-sm">查看详情</a>
            </td>
        </tr>



            <td>
                <a href="/admin/order?id=10" class="btn btn-success btn-sm">查看详情</a>
            </td>
        </tr>
        </tbody></table>
    <ul class="pagination" id="pager"><li class="page-item active"><a class="page-link" href="javascript:void(0)" onclick="grabDataFromServer(1)">1</a></li><li class="page-item"><a class="page-link" href="javascript:void(0)" onclick="grabDataFromServer(2)">2</a></li><li class="page-item"><a class="page-link" href="javascript:void(0)" onclick="grabDataFromServer(3)">3</a></li><li class="page-item"><a class="page-link" href="javascript:void(0)" onclick="grabDataFromServer(4)">4</a></li><li class="page-item"><a class="page-link" href="javascript:void(0)" onclick="grabDataFromServer(5)">5</a></li></ul>
</div>


</body>
</html>